<!DOCTYPE html>
<html>   
<head>
<meta charset="utf-8">
<title>加入购物车</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/ziy.css">
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
 <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
 <style>
 			.jinp_tuij_lb li{
 				margin-right: 3%;
 				width: 31%;
 			}
 			.jinp_tuij_lb li:nth-child(3n+3){
 				margin-right: 0;
 			}
 			.jinp_tuij_lb li>a:first-of-type,
 			.jinp_tuij_lb li>a:first-of-type>img{
 				width: 100%;
 			}
 			.logo{
 				width: 20% !important;
 			}
 			.search{
 				width: 35% !important;
 			}
 			.search>input{
 				width: 50% !important;
 			}
 			.myGomeWeb{
 				display: flex;
 				justify-content: center;
 			}
 			.myGomeWeb>div{
 				float: none;
 			}
 			.myGomeWeb>div:first-of-type{
 				margin-right: 30px;
 			}
 		</style>
</head> 
<body>
<!--侧边-->
<div class="jdm-toolbar-wrap J-wrap">                
	<div class="jdm-toolbar J-toolbar">                    
		<div class="jdm-toolbar-panels J-panel"></div>                                       
		<div class="jdm-toolbar-tabs J-tab">
			<div data-type="bar" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-ger">                                
				<i class="tab-ico"></i>
				<em class="tab-text">购物车</em>                                                  
			</div>                           
			<div data-type="bar" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-cart">                                
				<i class="tab-ico"></i>
				<em class="tab-text">购物车</em>                                                  
			</div>                           
			<div data-type="bar" clstag="h|keycount|cebianlan_h_follow|btn" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-follow" data-name="follow" data-login="true">                                
				<i class="tab-ico"></i>
				<em class="tab-text">我的关注</em>                                                  
			</div>                                             
		</div>                          
		<div class="J-trigger jdm-toolbar-tab jdm-tbar-tab-message" data-name="message"><a target="_blank" href="#">
			<i class="tab-ico"></i>                                
			<em class="tab-text">我的消息                                
			</em></a>                                                
		</div>            
	</div>                    
	<div class="jdm-toolbar-footer">                        
		<div data-type="link" id="#top" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-top">                                
			<a href="#" clstag="h|keycount|cebianlan_h|top">                                
				<i class="tab-ico"></i>
				<em class="tab-text">顶部</em>                                
			</a>                         
		</div>             
	</div>                    
	<div class="jdm-toolbar-mini"></div>              
	<div id="J-toolbar-load-hook" clstag="h|keycount|cebianlan_h|load"></div>            
</div> 


<!--头部-->
<div id="header">
	<div class="header-box">
		<h3 class="huany">23215220322 唐铭阳</h3>
		<ul class="header-left">
					
		</ul>
		<ul class="header-right">
			<li class="denglu">Hi~<a class="red" href="dengl.html">请登录!</a> <a href="zhuc.html">[免费注册]</a></li> 
			<li class="shu"></li>
			<li class="denglu"><a class="ing_ps" href="wod_shouc.html">我的收藏</a></li>
			<li class="shu"></li>
			<li class="denglu"><a class="ing_ps ps1" href="wod_dingd.html">我的订单</a></li>
			<li class="shu"></li>
			<li class="denglu"><a class="ing_ps ps2" href="shengq_shouh.html">售后服务</a></li>
			<li class="shu"></li>
			<li class="shouji bj">
				<a class="ing_ps ps3" href="#">手机醒肤</a>
				<i class="ci-right ">
					<s class="jt">◇</s>
				</i>
				<div class="shouji1">
				<img src="images/我的订单/二维码2.jpg" class="shouji4">
					<div class="shouji2">
						<p>醒肤客户端</p>
						<p class="red">首次下单满99元，送99元</p>
					</div>
					<div class="yi">
						<img src="images/我的订单/二维码2.jpg" class="shouji4">
						<div class="er">
							<p>醒肤微信公众号</p>
							<p class="red">关注醒肤公众号的积分，换大礼</p>
						</div>
					</div>
				</div>
			</li> 
		</ul>
	</div>
</div>
<!--搜索栏-->
<div class="toub_beij">
	<div class="logo"><a href="./"><img src="./images/我的购物车/logo4.jpg "style="width: 255px;height: 95px;" class="jiarugwc_logo"></a></div>
	<div class="search">
		<input type="text" placeholder="美妆一折抢" class="text" id="textt">
		<button class="button">搜索</button>
	</div>
	<div class="right">
		<i class="gw-left"></i>
		<i class="gw-right"></i>
		<div class="sc">
			<i class="gw-count">0</i>
			<i class="sd"></i>
		</div>
		<a href="gouw_che.html">我的购物车</a>
		<div class="dorpdown-layer">
			<ul>
				<li class="meiyou">
					<img src="./images/settleup-nogoods.png">
					<span>购物车中还没有商品，赶紧选购吧！</span> 
				</li>
			</ul>
		</div>
	</div>
</div>          
<!--加入购物车-->
<div class="beij_center">
	<div class="jiar_gouw_c_beij">
		<div class="msg"><i class="c_i_img"></i>商品已成功加入购物车！</div>
		<div class="shangp_jr">
			<div class="jr_zuo">
				<a href="#" class="jr_tu"><img src="images/我的购物车/彼得罗夫.jpg"></a>
				<div class="jr_biaot">
					<p><a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a></p>
					<p class="spandf"><span> 含量：50ml </span><span>数量：1</span></p>
				</div>
			</div>
			<div class="jr_you">
				<a href="index.html" class="jr_fanh">返回</a>
				<a href="gouw_che.html" class="jr_qv_gouw_che">去购物车结算<em class="jr_jiant"></em></a>
			</div>
		</div>
	</div> 
</div>

<div>
	<div class="beij_center box_header">
		<h3>购买了该商品的用户还购买了</h3>
	</div>
	<div class="beij_center dgsg">
		<div class="box_body">
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
			<div class="item fl">
				<div class="box_img"><a href="#"><img src="images/我的购物车/彼得罗夫.jpg"></a></div>
				<div class="title">
					<a href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
				</div>
				<div class="price">¥391.50</div>
				<div class="bottom">
					<a href="#" class="btn"><i></i><span>加入购物车</span></a>
				</div>
			</div>
		</div>
	</div>
</div>

<!--底部-->
<div class="dib_beij">
	<div class="dib_jvz_beij">
		<div class="shangp_baoz">
			<p>本地购物&nbsp;&nbsp;看得见的商品</p>
			<p class="beng1">正品行货&nbsp;&nbsp;购物无忧</p>
			<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
			<p class="beng3">本地直发&nbsp;&nbsp;专业配送</p>
		</div>
		<div class="zhongj_youx">
			<div class="lieb_daoh">
				<h4>物流配送</h4>
				<ul>
					<li><a href="#">配送查询</a></li>
					<li><a href="#">配送服务</a></li>
					<li><a href="#">配送费用</a></li>
					<li><a href="#">配送时效</a></li>
					<li><a href="#">签收与验货</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>支付与账户</h4>
				<ul>
					<li><a href="#">货到付款</a></li>
					<li><a href="#">在线支付</a></li>
					<li><a href="zhangh_anq.html">账户安全</a></li>
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>购物帮助</h4>
				<ul>
					<li><a href="#">购物保障</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">联系我们</a></li> 
				</ul>
			</div>
			<div class="lieb_daoh">
				<h4>售后服务</h4>
				<ul>
					<li><a href="#">退换货服务</a></li>
					<li><a href="#">退款说明</a></li>

				</ul>
			</div>
			<div class="lieb_daoh">
				<div class="kef_dianh">
					<p>客服电话</p><span>400-1009-727</span>
				</div>
				<div class="kef_dianh kef_dianh_youx">
					<p>意见收集邮箱</p><p>199384884@.com</p>
				</div>
			</div> 
			<div class="lieb_daoh lieb_daoh_you">
				<div class="erw_ma_beij">
					<div class="erw_m">
						<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
						<span>扫码下载醒肤客户端</span>
					</div>
					<div class="erw_m">
						<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
						<span>扫码下载醒肤客户端</span>
					</div>
				</div>
			</div> 
		</div>
		<div class="beia_hao">
			<p>粤ICP备：20219999号 粤ICP证：22-20200727号  </p>
			<p class="gonga_bei">粤公网安备：7271999002737910号</p>
			<div class="renz_">
				<span></span>
				<span class="span1"></span>
				<span class="span2"></span>
				<span class="span3"></span>
			</div>
		</div>
	</div>
</div>
</body>
</html>
